<template>
	<view class="mine">
		<!-- 个人信息区域 -->
		<!-- <view class="my-info">
			<image :src="mineImage" class="my-info-logo" mode="aspectFit" id="image-logo"
				style="height:60px;margin: 10px auto;">
			</image>
			<view class="my-info-name">
				<text style="font-size: 15px">{{name}}</text>
			</view>
			<view class="my-info-change">
				<navigator url="/pages/mine/calendar" style="display: flex;font-size: 13px;align-items: center;">
					<image src="../../static/tabs/editChange.png" alt style="width: 17px;height: 17px;"></image>
					修改资料
				</navigator>
			</view>
		</view> -->
		<!-- 当日日程区域 -->
		<view class="day-schedule">
			<!-- <view class="my-schedule-title">
				<text style="font-size: 18px;flex:1;margin-left: 30rpx;">当日日程</text>
				<navigator class="my-schdule-enter" url="/pages/mine/calendar">进入
					<image src="../../static/tabs/enter.png" alt style="width: 17px;height: 17px;"></image>
				</navigator>
			</view>
			<view class="my-schedule-list">
				<view class="my-schedule-item">
					<text class="my-schedule-item-title">
						吃早餐
					</text>
					<view class="my-schedule-item-timeLoction">
						<text class="my-schedule-item-timeLoction-text">08:00 - 09:00</text>
						<text class="my-schedule-item-timeLoction-text">食堂</text>
					</view>
				</view>
				<view class="my-schedule-item">
					<view class="my-schedule-item-title">
						吃早餐
					</view>
					<view class="my-schedule-item-timeLoction">
						<text class="my-schedule-item-timeLoction-text">08:00 - 09:00</text>
						<text class="my-schedule-item-timeLoction-text">食堂</text>
					</view>
				</view>
				<view class="my-schedule-item">
					<view class="my-schedule-item-title">
						吃早餐
					</view>
					<view class="my-schedule-item-timeLoction">
						<text class="my-schedule-item-timeLoction-text">08:00 - 09:00</text>
						<text class="my-schedule-item-timeLoction-text">食堂</text>
					</view>
				</view>
			</view> -->
			<uni-card padding="0" spacing="0">
				<template v-slot:cover>
					<view class="custom-cover">
						<image class="cover-image" mode="aspectFill" :src="cover">
						</image>
						<view class="cover-content">
							<text class="uni-subtitle uni-white">今日新闻热点</text>
						</view>
					</view>
				</template>
				<uni-list>
					<uni-list-item title="今日新闻" showArrow></uni-list-item>
					<uni-list-item title="今日新闻" showArrow></uni-list-item>
				</uni-list>
			</uni-card>
		</view>
	</view>
</template>

<script>
	//import dailySchedule from '../../components/dailySchedule.vue';
	export default {
		data() {
			return {
				name: '未知用户',
				mineImage: '../../static/tabs/mine.png',
				cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
				extraIcon: {
					color: '#4cd964',
					size: '22',
					type: 'gear-filled'
				}
			}
		},
		methods: {
			onClick(e) {
				console.log(e)
			},
			actionsClick(text) {
				uni.showToast({
					title: text,
					icon: 'none'
				})
			}

		},
		components: {
			/* 注册组件 */
			"schedule-daily": dailySchedule,

		},
		onPullDownRefresh() { //延迟一秒刷新成功
			console.log('刷新'),
				setTimeout(() => {
					this.msg = 'refresh',
						uni.stopPullDownRefresh()
				}, 1000)

		},

	}
</script>


<style>
	text {
		display: -webkit-box;
		/*弹性伸缩盒子模型显示*/
		-webkit-box-orient: vertical;
		/*排列方式*/
		-webkit-line-clamp: 1;
		/*显示文本行数(这里控制多少行隐藏)*/
		overflow: hidden;
		/*溢出隐藏*/
	}

	navigator:hover {
		/* 当鼠标放到该位置时触发 */
	}

	/* 个人主页信息模块 */
	.my-info {
		display: flex;
		flex-direction: row;
		justify-content: center;
		/* 固定盒子 */
		position: fixed;
		top: 0;
		/* 固定盒子居中方法 */
		left: 50%;
		/* 兼容老版本谷歌浏览器 */
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		/* 固定盒子要有宽度 */
		width: 95%;
		/* min-width: 300px;
		max-width: 540px; */
		/* 高度固定 */
		height: 80px;
		background-color: #FFE4B5;
		border-radius: 15px 15px 15px 15px;
	}

	.my-info-logo {
		flex: 1;
	}

	.my-info-name {
		margin: 15px auto;
		flex: 2;
	}

	.my-info-change {
		flex: 1;
		margin: 13px auto;
		border-radius: 20px;
		text-align: center;
	}

	.day-schedule {
		display: flex;
		margin: 85px auto;
		width: 95%;
		background-color: pink;
		min-width: 300px;
		max-width: 540px;
		border-radius: 15px 15px 15px 15px;
		flex-direction: column;
	}

	.my-schedule-title {
		display: flex;
		width: 95%;
		height: 35px;
		align-items: center;
		margin-left: 13rpx;
	}

	.my-schedule-list{
		flex: 1;
		padding: 0 15rpx 15rpx;/* 上下左右间距

	}

	*/
	/* .my-schedongule-item {
		margin: 0 8rpx 15rpx;
		background-color: white;
		border-radius: 5px 5px 5px 5px;
		height: 110rpx;
		display: flex;
		flex-direction: column;
	}
	.my-schedule-item-title{
		height: 50%;
		margin-top: 15rpx;
		margin-left: 15rpx;
	}
	.my-schedule-item-timeLoction {
		height: 50%;
		display: flex;
		justify-content:flex-start ;
	}
	.my-schedule-item-timeLoction-text {
		width: 50%;
		margin-left: 15rpx;
	}

	.my-schdule-enter {
		display: flex;
		font-size: 15px;
		align-items: center;
		height: 40px;
		width: 50px;
	} */
</style>
